      .banner {
        height: 460px;
        position: relative;
      }
      .banner .wrap {
        position: absolute;
        width: 1226px;
        height: 460px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;

      }
      .banner-box {
        position: relative;
        width: 100%;
        height: 460px;
      }
      .banner-img {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: all .8s linear;
        cursor: pointer;
      }
      .banner-img > img {
        width: 100%;
        height: 460px;
      }

      .banner-img:first-child{
        opacity: 1;
      }

      /* 轮播按钮 */
      .banner-box .box-left{
        position: absolute;
        width: 40px;
        height: 70px;
        top: 195px;
        left: 234px;
        font-size: 28px;
        text-align: center;
        line-height: 70px;
        color: #ccc;
        border-radius: 0 5px 5px 0;
        cursor: pointer;
      }

      .banner-box .box-left:hover{
        background-color: rgba(0,0,0,.5);
        color: #fff;
      }

      .banner-box .box-right{
        position: absolute;
        width: 40px;
        height: 70px;
        top: 195px;
        right: 0;
        font-size: 28px;
        text-align: center;
        line-height: 70px;
        color: #ccc;
        border-radius: 5px 0 0 5px;
      }

      .banner-box .box-right:hover{
        background-color: rgba(0,0,0,.5);
        color: #fff;
      }

      .banner-box .box-circle{
        position: absolute;
        bottom: 25px;
        right: 50px;
      }

      .banner-box .btn-circle{
        float: left;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #33333380;
        margin-right: 12px;
        border: 1px solid #b0b0b0;
        cursor: pointer;
      }
      